<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE>
<html>
<head>
<title>PayChannelPermissionAssignment</title>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<style>
.switch {
	width: 44px;
	height: 22px;
	/* border:1px solid #264dbe; */
	border-radius: 22px;
	overflow: hidden;
}

.switch>div {
	position: relative;
	width: 100%;
	height: 100%;
	background: #ccc;
}

.switch>div>b {
	position: absolute;
	top: 1px;
	left: 1px;
	diplay: block;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 20px;
}

.switch.active>div {
	background: #264dbe;
}

.switch.active>div>b {
	left: 23px;
}
</style>
</head>
<body>
	<%@ include file="/WEB-INF/views/include/loading.jsp"%>
	<!-- 数据列表  -->
	<div class="easyui-layout" data-options="fit:true,border:false">
		<div data-options="region:'center'">
			<table id="Grid" class="easyui-datagrid" title="" ctrlSelect="true"
				striped="true" rownumbers="true" pagination="true" fitColumns="true"
				toolbar="#Grid_Toolbar" loadMsg="正在加载数据，请稍等..."
				emptyMsg="没有找到符合条件的数据"
				data-options="url:'${ctx}/accesssystem/payChannelPermissionAssignment/list',fit:true, fitColumns:true, checkOnSelect:true, selectOnCheck:true, border: false">
				<thead>
					<tr>
						<th data-options="field:'ck',checkbox:true"></th>
						<th data-options="field:'id',hidden:true">id</th>
						<th data-options="field:'payChannelName'">支付渠道名称</th>
						<th data-options="field:'payTypeName'">支付类型名称</th>
						<th data-options="field:'systemSign',hidden:true">系统编号</th>
						<th data-options="field:'systemSignName'">系统名称</th>
						<th data-options="field:'isDelete',hidden:true">是否删除；0未删除，1删除</th>
						<th data-options="field:'creater'">创建人</th>
						<th data-options="field:'createTime'">创建时间</th>
						<th data-options="field:'modifier'">修改人</th>
						<th data-options="field:'modifyTime'">修改时间</th>
						<th data-options="field:'isOpen',formatter:switchstate">开启状态</th>
						<th data-options="field:'remarks'">备注</th>
					</tr>
				</thead>
			</table>
			<div id="Grid_Toolbar">
				<form id="searchForm" name="searchForm">
					<div class="pull-left">
						<shiro:hasPermission name="payChannelPermissionAssignment:query">
							<%-- <select name="payChannelId" id="payChannelId" class="easyui-combobox" data-options="width:120,panelHeight:'auto',editable:false,value:null,prompt:'支付渠道'">
								<c:forEach items="${payChannelList}" var="pc">
									<option value="${pc.id}">${pc.payChannelName}</option>
								</c:forEach>
							</select> --%>
							<select name="payTypeId" id="payTypeId" class="easyui-combobox"
								data-options="width:200,editable:false,value:null,prompt:'支付类型'">
								<c:forEach items="${payTypeList}" var="pt">
									<option value="${pt.id}">${pt.payName}</option>
								</c:forEach>
							</select>
							<input class="easyui-textbox" id="systemSignName"
								name="systemSignName" labelWidth="70"
								data-options="validType:'special',validType:'special',prompt:'系统名称'">
							<a id="btnSearch" href="javascript:void(0)"
								class="easyui-linkbutton button-primary"><i
								class="fa fa-search fa-lg"></i>&nbsp;&nbsp;查询</a>
							<a href="javascript:void(0)" id="reset_btn"
								class="easyui-linkbutton reset l-btn l-btn-small" plain="true"><i
								class="fa fa-repeat fa-lg"></i>&nbsp;&nbsp;重置</a>
						</shiro:hasPermission>
					</div>	
				<!--	<div class="pull-right">
						<shiro:hasPermission name="payChannelPermissionAssignment:update">
							<a id="btnUpdate" href="javascript:void(0)"
								class="easyui-linkbutton button-default"><i
								class="fa fa-pencil fa-lg"></i>&nbsp;&nbsp;修改</a>
						</shiro:hasPermission>

						<shiro:hasPermission name="payChannelPermissionAssignment:delete">
							<a id="btnDelete" href="javascript:void(0)"
								class="easyui-linkbutton button-danger"><i
								class="fa fa-minus-circle fa-lg"></i>&nbsp;&nbsp;删除</a>
						</shiro:hasPermission>
					 	<shiro:hasPermission
							name="payChannelPermissionAssignment:distribution">
							<a id="btnDistribution" href="javascript:void(0)"
								class="easyui-linkbutton button-primary"><i
								class="fa fa-search fa-lg"></i>&nbsp;&nbsp;分配</a>
						</shiro:hasPermission> 
					</div>-->
				</form>
			</div>
		</div>
	</div>

	<!-- js脚本，必须写在body中，tab的url加载模式只会异步加载body中的内容到tab中 -->
	<script type="text/javascript">
		require(
				[ 'jquery', 'common' ],
				function($) {
					// 给新增按钮添加点击事件
					$("#btnCreate")
							.on(
									'click',
									function() {
										window.location.href = '${ctx}/accesssystem/payChannelPermissionAssignment/add';
									});

					// 给分配按钮添加点击事件
					$("#btnDistribution").on(
							'click',
							function() {
								var selected = $("#Grid").datagrid(
										'getSelections');
								if (selected.length == 0) {
									$.messager.alert('提示', '请选择需要分配权限的记录',
											"info");
								}
								if (selected.length > 1) {
									$.messager.alert('提示', '只能选择一条需要分配权限的记录',
											"info");
								}
								if (selected.length == 1) {
									showDialog('分配',
											'${ctx}/accesssystem/payChannelPermissionAssignment/permission?id='
													+ selected[0].id, 800, 550,
											function() {
												$('#Grid').datagrid('reload');
											});
								}
							});

					// 给修改按钮添加点击事件
					$("#btnUpdate")
							.on(
									'click',
									function() {
										var selected = $("#Grid").datagrid(
												'getSelections');
										if (selected.length == 0) {
											$.messager.alert('提示',
													'请选择需要修改的记录', "info");
										}
										if (selected.length > 1) {
											$.messager.alert('提示',
													'只能选择一条需要修改的记录', "info");
										}
										if (selected.length == 1) {
											window.location.href = '${ctx}/accesssystem/payChannelPermissionAssignment/edit?id='
													+ selected[0].id;
										}
									});

					// 给删除按钮添加点击事件
					$("#btnDelete")
							.on(
									'click',
									function() {
										var selected = $("#Grid").datagrid(
												'getSelections');
										if (selected.length == 0) {
											$.messager.alert('提示',
													'请选择需要删除的记录', "info");
										} else {
											$.messager
													.confirm(
															'警告',
															'确认删除本条记录吗?',
															function(r) {
																if (r) {
																	var ids = '';
																	for (var i = 0; i < selected.length; i++) {
																		ids += selected[i].id
																				+ ',';
																	}

																	$
																			.ajax({
																				url : '${ctx}/accesssystem/payChannelPermissionAssignment/delete',
																				data : {
																					ids : ids
																				},
																				type : 'post',
																				dataType : 'json',
																				success : function(
																						json) {
																					if (json
																							&& json.rtnCode == '00000000') {
																						$.messager
																								.alert(
																										'提示',
																										"删除成功",
																										"success");
																						$(
																								'#Grid')
																								.datagrid(
																										'reload');
																					} else {
																						$.messager
																								.alert(
																										'提示',
																										json.rtnMsg);
																					}
																				}
																			});
																}
															});
										}
									});

					// 给查询按钮添加点击事件
					$("#btnSearch").on(
							'click',
							function() {
								if ($('#searchForm').form('enableValidation')
										.form('validate')) {
									reload();
								}
							});

					// 清空查询表单，重载表格数据
					$('#reset_btn').click(function() {
						$('#searchForm').form('reset').submit();
					});
				});

		/**
		 * Easyui重置表单
		 * @param formId
		 */
		function resetForm(formId) {
			$('#' + formId).form('clear');
			reload();
		};

		function reload() {
			var params = $('#Grid').datagrid('options').queryParams;

			var payTypeId = $('#payTypeId').combobox("getValue");
			if (payTypeId != null && payTypeId != '') {
				params.payTypeId = payTypeId;
			}

			var systemSignName = $('#systemSignName').val();
			if (systemSignName != null && systemSignName != '') {
				params.systemSignName = systemSignName;
			}

			$('#Grid').datagrid('options').queryParams = params;
			$('#Grid').datagrid('reload');
		}

		function switchstate(value, rowData, rowIndex) {
			var operate = '';
			if (value == "0") { // 0 开启
				operate = '<div class="switch active" id=' + rowData.id
						+ ' onclick="switchClick(\'' + value + '\',\''
						+ rowData.id + '\',\'' + rowIndex
						+ '\',this)"><div><b></b></div></div>';
			} else { // 1 关闭
				operate = '<div class="switch" id=' + rowData.id
						+ ' onclick="switchClick(\'' + value + '\',\''
						+ rowData.id + '\',\'' + rowIndex
						+ '\',this)"><div><b></b></div></div>';
			}
			return operate;
		}

		function switchClick(value, id, index, e) {
			var msg = (value == "0" ? "关闭" : "开启");
			$.messager
					.confirm(
							'警告',
							'您确定' + msg + '吗?',
							function(r) {
								if (r) {
									value = (value == "0" ? "1" : "0");
									$
											.post(
													'${ctx}/accesssystem/payChannelPermissionAssignment/updateIsOpen',
													{
														id : id,
														isOpen : value
													},
													function(data) {
														if (data.rtnCode == '00000000') {//修改成功
															$("#Grid")
																	.datagrid(
																			"updateRow",
																			{
																				index : index, //行索引  
																				row : {
																					isOpen : value
																				//行中的某个字段  
																				}
																			});
															if (value == "0") {
																$("#" + id)
																		.addClass(
																				"active");
															} else {
																$("#" + id)
																		.removeClass(
																				"active");
															}
														}
													});
								}
							});
		}
	</script>
</body>
</html>